<!DOCTYPE html>
<html>
<head>
<div th:replace="common/common_resource :: common_css"></div>
<title th:text="${application.shop_name} +' | 用户详情'"></title>
</head>
<body class="hold-transition skin-blue sidebar-mini">
	<div class="wrapper">
		<div th:replace="common/common_h5 :: loginAndLogout"></div>
		<div th:replace="common/common_h5 :: upload_image"></div>
		<div th:replace="common/common_h5 :: left_menu"></div>
		<div class="content-wrapper">
			<section class="content">
			<div class="row">
					<div class="col-xs-12">
						<div class="box">
							<div class="box-header">
								<div class="row">
									<div class="col-xs-4">
										<a href="javascript:history.back();"
											class="fa fa-mail-reply btn btn-warning">&nbsp;&nbsp;&nbsp;&nbsp;返回</a>
									</div>
									<div class="col-xs-4">
										<h3 class="box-title">用户详情</h3>
									</div>
									<div class="col-xs-4"></div>
								</div>
							</div>
							<h5 class="page-header"></h5>
						</div>
					</div>
				</div>
		      <div class="row">
		        <div class="col-md-12">
		          <ul class="timeline">
		            <li class="time-label">
		                  <span class="bg-red">
		                    2019-09-15
		                  </span>
		            </li>
		            <li>
			              <i class="fa fa-user bg-aqua"></i>
			              <div class="timeline-item">
			                <table class="table table-bordered table-striped ">
								<tbody>
									<tr>
										<td rowspan="5" width="30%">
											<img height="150px" width="150px" class="img-circle" id="imagecheck"  src="../admin_image/upload/2017122002161228025511.jpg">
										</td>
										<td class="text-left" width="35%"><label>登陆名：</label>admin1</td>
										<td class="text-left" width="55%"><label>昵称：</label>admin1</td>
									</tr>
									<tr>
										<td class="text-left"><label>手机号：</label>18979999019</td>
										<td class="text-left"><label>电话：</label>3660706</td>
									</tr>
									<tr>
										<td class="text-left"><label>积分：</label>220</td>
										<td class="text-left"><label>总消费：</label>￥200.00</td>
									</tr>
									<tr>
										<td class="text-left"><label>会员等级：</label>普通会员</td>
										<td class="text-left"><label>最近登陆：</label>2019-07-09</td>
									</tr>
								</tbody>
							</table>
			              </div>
		            </li>
		               <li>
			              <i class="fa fa-ambulance bg-blue"></i>
			              <div class="timeline-item">
				                <span class="time"><i class="fa fa-clock-o"></i>2019-07-06</span>
				                <h3 class="timeline-header">订单号: <a href="#">481059459831046927</a> &nbsp;&nbsp;&nbsp;&nbsp;</h3>
				                <div class="timeline-body">
				                	<div class="row">
				                		<div class="col-xs-7 text-center">
				                			宝贝
				                		</div>
				                		<div class="col-xs-1 text-left">
				                			单价
				                		</div>
				                		<div class="col-xs-1 text-left">
				                			数量
				                		</div>
				                		<div class="col-xs-1 text-left">
				                			实付款
				                		</div>
				                		<div class="col-xs-2 text-left">
				                			交易状态
				                		</div>
				                	</div>
				                	<h5 class="page-header"></h5>
				                	<div class="row">
				                		<div class="col-xs-7 ">
				                			<div class="row">
				                				<div class="col-xs-4 text-center">
				                					<a href="#">
				                						<img height="100px" width="100px" id="imagecheck"  src="../admin_image/upload/2017122002161228025511.jpg">
				                					</a>
				                				</div>
				                				<div class="col-xs-8 text-left">
				                					<a href="#">兰花 香妃 红贵妃 矮种浓香建兰四季兰 兰花苗花卉盆栽室内绿植物</a>
					                				<br/>
					                				<br/>
					                				
					                				<span>颜色分类：彩色相纸套装</span>
				                				</div>
				                			</div>
				                		</div>
				                		<div class="col-xs-1 text-left">
				                			￥99.80
				                		</div>
				                		<div class="col-xs-1 text-left">
				                			15
				                		</div>
				                		<div class="col-xs-1 text-left">
				                			<label>￥1470.00</label>
				                		</div>
				                		<div class="col-xs-2 text-left">
				                			交易成功
				                		</div>
				                	</div>
				                </div>
			              </div>
		            </li>
		            <li>
			              <i class="fa fa-barcode bg-yellow"></i>
			              <div class="timeline-item">
			               <!--  <span class="time"><i class="fa fa-clock-o"></i> 27 mins ago</span> -->
			                <h3 class="timeline-header"><a href="#">所有订单</a></h3>
			                <div class="timeline-body">
			                  	<div class="nav-tabs-custom">
						            <ul class="nav nav-tabs">
						              <li class="active"><a href="#isPay" data-toggle="tab" aria-expanded="true"><label>已付款</label></a></li>
						              <li class=""><a href="#isNotPay" data-toggle="tab" aria-expanded="false"><label>未付款</label></a></li>
						              <li class=""><a href="#toBeHarvested" data-toggle="tab" aria-expanded="false"><label>待发货</label></a></li>
						              <li class=""><a href="#toBeReceived" data-toggle="tab" aria-expanded="false"><label>待收货</label></a></li>
						              <li class=""><a href="#withComments" data-toggle="tab" aria-expanded="false"><label>待评论</label></a></li>
						            </ul>
						            <div class="tab-content">
						              <div class="tab-pane active" id="isPay">
						              	<h5 class="page-header"></h5>
						              		<div class="timeline-body">
							                	<div class="row">
							                		<div class="col-xs-6 text-center">
							                			宝贝
							                		</div>
							                		<div class="col-xs-1 text-left">
							                			单价
							                		</div>
							                		<div class="col-xs-1 text-left">
							                			数量
							                		</div>
							                		<div class="col-xs-1 text-left">
							                			实付款
							                		</div>
							                		<div class="col-xs-1 text-left">
							                			交易状态
							                		</div>
							                		<div class="col-xs-2 text-left">
							                			下单时间
							                		</div>
							                	</div>
					                			<h5 class="page-header"></h5>
					                		 	<div>
								                	<div class="row">
								                		<div class="col-xs-6 ">
								                			<div class="row">
								                				<div class="col-xs-3 text-center">
								                					<a href="#">
								                						<img height="100px" width="100px" id="imagecheck"  src="../admin_image/upload/2017122002161228025511.jpg">
								                					</a>
								                				</div>
								                				<div class="col-xs-9 text-left">
								                					<a href="#">兰花 香妃 红贵妃 矮种浓香建兰四季兰 兰花苗花卉盆栽室内绿植物</a>
									                				<br/>
									                				<br/>
									                				<span>颜色分类：彩色相纸套装</span>
									                				<br/>
									                				<br/>
									                				<span>订单号: 481059459831046927</span>
								                				</div>
								                			</div>
								                		</div>
								                		<div class="col-xs-1 text-left">
								                			￥99.80
								                		</div>
								                		<div class="col-xs-1 text-left">
								                			15
								                		</div>
								                		<div class="col-xs-1 text-left">
								                			<label>￥1470.00</label>
								                		</div>
								                		<div class="col-xs-1 text-left">
								                			交易成功
								                		</div>
								                		<div class="col-xs-2 text-left">
								                			2019-07-05:18.07.35
								                		</div>
							                		</div>
							                		<h5 class="page-header"></h5>
						                		</div>
						                		<div>
								                	<div class="row">
								                		<div class="col-xs-6 ">
								                			<div class="row">
								                				<div class="col-xs-3 text-center">
								                					<a href="#">
								                						<img height="100px" width="100px" id="imagecheck"  src="../admin_image/upload/2017122002161228025511.jpg">
								                					</a>
								                				</div>
								                				<div class="col-xs-9 text-left">
								                					<a href="#">兰花 香妃 红贵妃 矮种浓香建兰四季兰 兰花苗花卉盆栽室内绿植物</a>
									                				<br/>
									                				<br/>
									                				<span>颜色分类：彩色相纸套装</span>
									                				<br/>
									                				<br/>
									                				<span>订单号: 481059459831046927</span>
								                				</div>
								                			</div>
								                		</div>
								                		<div class="col-xs-1 text-left">
								                			￥99.80
								                		</div>
								                		<div class="col-xs-1 text-left">
								                			15
								                		</div>
								                		<div class="col-xs-1 text-left">
								                			<label>￥1470.00</label>
								                		</div>
								                		<div class="col-xs-1 text-left">
								                			交易成功
								                		</div>
								                		<div class="col-xs-2 text-left">
								                			2019-07-05:18.07.35
								                		</div>
							                		</div>
							                		<h5 class="page-header"></h5>
						                	</div>
					                	</div>
						              </div>
						              <div class="tab-pane" id="isNotPay">
								            <h5 class="page-header"></h5>
								            <div class="row">
								              		<div class="col-xs-2 "></div>
								              		<div class="col-xs-8 text-center">
								              			<img height="100px" width="100px" id="imagecheck"  src="../admin_image/upload/T1MQ1cXhtiXXXXXXXX-78-120.png">
								              			<span>没有符合条件的订单，请尝试其他搜索条件。</span>	
								              		</div>
								              		<div class="col-xs-2 "></div>
								            </div>
						              </div>
						              <div class="tab-pane" id="toBeHarvested">
							              	<h5 class="page-header"></h5>
							              	<div class="row">
								              		<div class="col-xs-2 "></div>
								              		<div class="col-xs-8 text-center">
								              			<img height="100px" width="100px" id="imagecheck"  src="../admin_image/upload/T1MQ1cXhtiXXXXXXXX-78-120.png">
								              			<span>没有符合条件的宝贝，请尝试其他搜索条件。</span>	
								              		</div>
								              		<div class="col-xs-2 "></div>
								              </div>
						              </div>
						              <div class="tab-pane" id="toBeReceived">
							             	 <h5 class="page-header"></h5>
							             	 <div class="row">
								              		<div class="col-xs-2 "></div>
								              		<div class="col-xs-8 text-center">
								              			<img height="100px" width="100px" id="imagecheck"  src="../admin_image/upload/T1MQ1cXhtiXXXXXXXX-78-120.png">
								              			<span>没有符合条件的宝贝，请尝试其他搜索条件。</span>	
								              		</div>
								              		<div class="col-xs-2 "></div>
								              </div>
						              </div>
						              <div class="tab-pane" id="withComments">
							              	<h5 class="page-header"></h5>
							              	<div class="row">
								              		<div class="col-xs-2 "></div>
								              		<div class="col-xs-8 text-center">
								              			<img height="100px" width="100px" id="imagecheck"  src="../admin_image/upload/T1MQ1cXhtiXXXXXXXX-78-120.png">
								              			<span>没有符合条件的宝贝，请尝试其他搜索条件。</span>	
								              		</div>
								              		<div class="col-xs-2 "></div>
								              </div>
						              </div>
						            </div>
					          	</div>
			                </div>
			              </div>
		            </li>
		            <li>
			              <i class="fa fa-pencil bg-purple"></i>
			              <div class="timeline-item">
			                <h3 class="timeline-header"><a href="#">所有商品评论</a></h3>
			                <h5 class="page-header"></h5>
			                <div class="timeline-body">
			                  	<div class="row">
			                		<div class="col-xs-2 text-center">
			                			商品信息
			                		</div>
			                		<div class="col-xs-1 text-left">
			                			评价
			                		</div>
			                		<div class="col-xs-2 text-left">
			                			商品评分
			                		</div>
			                		<div class="col-xs-2 text-left">
			                			服务平分
			                		</div>
			                		<div class="col-xs-3 text-left">
			                			评论内容
			                		</div>
			                		<div class="col-xs-1 text-left">
			                			评论时间
			                		</div>
							     </div>
							     <h5 class="page-header"></h5>
							     <div class="row">
			                		<div class="col-xs-2 text-center">
			                			<a href="#">兰花 香妃 红贵妃 矮种浓香建兰四季兰 兰花苗花卉盆栽室内绿植物 </a>
			                		</div>
			                		<div class="col-xs-1 text-left">
			                			<span style="font-size: medium; color :red;"><i class="fa fa-heart" title="好评"></i></span>
			                		</div>
			                		<div class="col-xs-2 text-left">
			                			<span style="font-size: medium; color :red;"><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i></span>
			                		</div>
			                		<div class="col-xs-2 text-left">
			                			<span style="font-size: medium; color :red;"><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i></span>
			                		</div>
			                		<div class="col-xs-3 text-left">
			                			<p>东西很好</p>
			                		</div>
			                		<div class="col-xs-1 text-left">
			                			<span>2019-05-07</span>
			                		</div>
							     </div>
							     
							     <h5 class="page-header"></h5>
							     <div class="row">
			                		<div class="col-xs-2 text-center">
			                			<a href="#">兰花 香妃 红贵妃 矮种浓香建兰四季兰 兰花苗花卉盆栽室内绿植物 </a>
			                		</div>
			                		<div class="col-xs-1 text-left">
			                			<span style="font-size: medium; color: black"><i class="fa fa-heart" title="差评"></i></span>
			                		</div>
			                		<div class="col-xs-2 text-left">
			                			<span style="font-size: medium; color :red;"><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i></span>
			                		</div>
			                		<div class="col-xs-2 text-left">
			                			<span style="font-size: medium; color :red;"><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i></span>
			                		</div>
			                		<div class="col-xs-3 text-left">
			                			<p>东西很好</p>
			                		</div>
			                		<div class="col-xs-1 text-left">
			                			<span>2019-05-07</span>
			                		</div>
							     </div>
							     
							     <h5 class="page-header"></h5>
							     <div class="row">
			                		<div class="col-xs-2 text-center">
			                			<a href="#">兰花 香妃 红贵妃 矮种浓香建兰四季兰 兰花苗花卉盆栽室内绿植物 </a>
			                		</div>
			                		<div class="col-xs-1 text-left">
			                			<span style="font-size: medium; color: gray;"><i class="fa fa-heart" title="中评"></i></span>
			                		</div>
			                		<div class="col-xs-2 text-left">
			                			<span style="font-size: medium; color :red;"><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i></span>
			                		</div>
			                		<div class="col-xs-2 text-left">
			                			<span style="font-size: medium; color :red;"><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i></span>
			                		</div>
			                		<div class="col-xs-3 text-left">
			                			<p>东西很好</p>
			                		</div>
			                		<div class="col-xs-1 text-left">
			                			<span>2019-05-07</span>
			                		</div>
							     </div>
							     
			                </div>
			              </div>
		            </li>
		            <li>
		              	  <i class="fa fa-clock-o bg-gray"></i>
		            </li>
		          </ul>
		        </div>
		      </div>
		    </section>
		</div>
		<div th:replace="common/common_h5 :: down_foot"></div>
		<div th:replace="common/common_h5 :: down_sidebar"></div>
		<div class="control-sidebar-bg"></div>
		<div th:replace="common/common_resource :: common_js"></div>
		<script th:src="@{/admin_js/basics/process/users_list.js}"></script>
</body>
</html>
